* {
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
}
img {
  vertical-align: baseline !important;
}
html {
  width: 100%;
  font-size: 15px !important;
}
body {
  margin: 0;
}
/* .box-pc {
  display: none;
} */
.box {
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin: 0 auto;

  background-color: rgb(235, 235, 235);
}
a {
  text-decoration: none;
  color: #000 !important;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.w1200 {
  max-width: 1200px;
  /* height: 100%; */
  margin: 0 auto;
}
.position {
  position: relative;
}

/* 顶部 */
.box-one-tops {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 4.69rem;
  background-color: #39bfbd;
  /* border-bottom: 1px solid rgb(231, 231, 231); */
  z-index: 20;
}
.box-one {
  position: relative;
  width: 100%;
  height: 33.13rem;
  background-color: rgba(57, 191, 189, 100);
}
.box-one-top {
  position: relative;
  height: 4.69rem;
  /* background-color: #fff; */
}
.one-top-img {
  position: absolute;
  left: 0;
  top: 0.75rem;
  width: 3.5rem;
  height: 3.5rem;
  cursor: pointer;
}
.one-top-img img {
  width: 100%;
}
.box-one-top p {
  position: absolute;
  left: 5.5rem;
  top: 1.19rem;
  width: 5.25rem;
  height: 2.56rem;
  margin: 0;
  /* color: rgb(255, 255, 255); */
  font-size: 1.75rem;
  text-align: center;
  font-family: SourceHanSansSC-regular;
  cursor: pointer;
}
.one-right {
  position: absolute;
  right: 0;
  top: 1.51rem;
}
.one-right ul {
  display: flex;
  justify-content: space-between;
  width: 36.87rem;
}
.one-right ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  font-family: SourceHanSansSC-regular;
  border-radius: 1rem;
  box-sizing: border-box;
}
.one-right ul li a:hover {
  /* color: #278685; */
  color: #63a3c5 !important;
}
.one-right ul li:nth-child(5) {
  margin-right: 0;
}
.one-right ul li a {
  /* color: rgb(255, 255, 255); */
  text-decoration: none;
}
.box-one-content {
  padding-top: 4.69rem;
  box-sizing: border-box;
}
.box-one-content p:nth-child(1) {
  width: 50.63rem;
  height: 5rem;
  margin-top: 6rem;
  color: rgba(255, 255, 255, 100);
  font-size: 3rem;
  text-align: left;
  font-family: SourceHanSansSC-regular;
}
.box-one-content p:nth-child(2) {
  width: 27.5rem;
  height: 1.81rem;
  margin-top: 1rem;
  color: rgba(255, 255, 255, 100);
  font-size: 1.25rem;
  text-align: left;
  font-family: SourceHanSansSC-regular;
}
.box-one-content p:nth-child(3) {
  width: 12.5rem;
  height: 3.38rem;
  margin: 2rem 0 0 0;
  line-height: 3.38rem;
  border-radius: 1.88rem;
  color: rgba(57, 191, 189, 100);
  background-color: #fff;
  font-size: 1.13rem;
  text-align: center;
  font-family: Roboto;
  border: 0.06rem solid rgba(255, 255, 255, 100);
  cursor: pointer;
}

/* 顶部右下角图片 */
.box-one-rightbottomimg {
  position: absolute;
  top: 13rem;
  right: 2rem;
  width: 16.25rem;
  height: 16.25rem;
  cursor: pointer;
}
.box-one-rightbottomimg img {
  width: 100%;
}

/* 第二模块 */
.box-twos {
  background-color: #e7ffff;
}
.box-two {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 100%;
  height: 7.5rem;
  padding: 1rem 0;
}
.box-two ul {
  display: flex;
  justify-content: space-between;
  margin: 0;
}
.box-two ul:nth-child(2) {
  padding-right: 1rem;
}
.box-two ul:nth-child(1) li {
  color: rgba(57, 191, 189, 100);
  font-size: 1.2rem;
  text-align: left;
  font-family: SourceHanSansSC-regular;
}
.box-two ul:nth-child(2) li {
  line-height: 2.81rem;
}
.box-two ul:nth-child(2) li span {
  color: rgba(57, 191, 189, 100);
  font-size: 2.13rem;
  text-align: left;
  vertical-align: top;
  font-family: SourceHanSansSC-regular;
}
.box-two ul:nth-child(2) li span:nth-child(2) {
  font-size: 1.75rem;
  vertical-align: top;
}

/* 第三模块 */
.box-threes {
  width: 100%;
  background-color: #fff;
}
.box-three {
  display: flex;
  flex-direction: column;
  align-items: center;

  padding-bottom: 7rem;
}
.box-three p:nth-child(1) {
  width: 33rem;
  height: 4.44rem;
  margin: 6rem 0 0 0;
  color: rgba(16, 16, 16, 100);
  font-size: 3rem;
  font-weight: bold;
  text-align: left;
  font-family: SourceHanSansSC-regular;
}
.box-three p:nth-child(2) {
  width: 27.3rem;
  height: 1.5rem;
  margin: 1rem 0 0 0;
  color: rgba(170, 170, 170, 100);
  font-size: 1rem;
  text-align: left;
  font-family: SourceHanSansSC-regular;
}
.box-three img {
  display: block;
  width: 53.81rem;
  height: 28.69rem;
  margin: 3rem 0 0 0;
  background-color: #ccc;
}

/* 第四个模块 */
.box-four {
  width: 100%;
}
.box-four ul {
  display: flex;
}
.box-four ul li {
  flex: 1;

  height: 38.19rem;
}
.box-four ul li:nth-child(1) {
  background-color: #ffa114;
}
.box-four ul li:nth-child(2) {
  background-color: #1472ff;
}
.box-four ul li:nth-child(3) {
  background-color: #1db85b;
}
.box-four ul li p:nth-child(1) {
  width: 10.5rem;
  height: 3.5rem;
  /* margin: 4rem 0 0 10rem; */
  margin-top: 4rem;
  color: rgba(255, 255, 255, 100);
  font-size: 2.38rem;
  text-align: left;
  font-family: SourceHanSansSC-regular;
}
.box-four ul li p:nth-child(2) {
  width: 20.44rem;
  height: 4.5rem;
  color: rgba(255, 255, 255, 100);
  font-size: 1rem;
  text-align: center;
  font-family: SourceHanSansSC-regular;
}
.box-four ul li p:nth-child(3) {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 10.25rem;
  height: 2.81rem;
  margin: 4rem 0 0 0;
  background-color: rgba(255, 161, 20, 100);
  color: rgba(255, 255, 255, 100);
  font-size: 0.88rem;
  font-family: Roboto;
  border: 0.13rem solid rgba(255, 255, 255, 100);
  cursor: pointer;
}
.box-four ul li p:nth-child(3):hover {
  color: #fddeb0;
  border-color: #ffdc9be8;
}
.box-four ul li:nth-child(2) p:nth-child(3):hover {
  color: #b1d0ff;
  border-color: #8ebbff;
}

.box-four ul li:nth-child(3) p:nth-child(3):hover {
  color: #b8ffd4;
  border-color: #90ffbd;
}
.box-four ul li img {
  display: block;
  width: 12.5rem;
  height: 11.5rem;
  margin: 4rem 0 0 0;
  background-color: #ccc;
}
.box-four ul li:nth-child(2) p:nth-child(3) {
  background-color: rgba(20, 114, 255, 100);
}
.box-four ul li:nth-child(3) p:nth-child(3) {
  background-color: rgba(29, 184, 91, 100);
}
.fours {
  width: 310px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.flexnumber {
  flex: 2 !important;
  transition: 0.2s;
  font-size: 1.6rem !important;
  border-color: #39bfbd !important;
  border-radius: 0.2rem;
}

/* 第五个模块 */

.box-fives {
  width: 100%;
  background-color: #fff;
}
.box-five {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.box-five p:nth-child(1) {
  width: 24rem;
  height: 4.44rem;
  margin: 8rem 0 0 0;
  color: rgba(16, 16, 16, 100);
  font-size: 3rem;
  font-weight: bold;
  text-align: left;
  font-family: SourceHanSansSC-regular;
}
.box-five p:nth-child(2) {
  width: 38rem;
  height: 1.5rem;
  margin: 1rem 0 4rem 0;
  color: rgba(170, 170, 170, 100);
  font-size: 1rem;
  text-align: left;
  font-family: SourceHanSansSC-regular;
}
.box-five-lan {
  width: 100%;
  height: 31.56rem;
  padding-bottom: 5rem;
}
.box-five-lan ul {
  display: flex;
  justify-content: center;
  /* margin: 0 1rem; */
  /* max-width: 34.875rem; */
}
.box-five-lan ul li {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-width: 310px;
  height: 30rem;
  border-right: 1px solid rgb(236, 236, 236);
}

.box-five-lan ul li:nth-child(4) {
  border-right: 0;
}
.tfhk {
  width: 7rem !important;
  height: 2.56rem !important;
  margin: 0 0 2rem -9rem !important;
  color: rgba(16, 16, 16, 100) !important;
  font-size: 1.75rem !important;
  text-align: left !important;
  font-family: SourceHanSansSC-regular !important;
}
.pptf-boxs {
  display: flex;
  /* justify-content: center; */
  align-items: center;
  height: 3.75rem;
  margin: 0 0 3rem 0;
}
.box-five-lan ul li div img {
  width: 2.38rem;
  height: 2.38rem;
}

.pptf {
  margin: 0 !important;
  width: 4rem !important;
  height: 1.5rem !important;
  color: rgba(16, 16, 16, 100) !important;
  font-size: 1rem !important;
  text-align: left !important;
  font-family: SourceHanSansSC-regular;
}
.pptf-p {
  margin: 0 !important;
  width: 13.75rem !important;
  height: 1.25rem !important;
  color: rgba(170, 170, 170, 100) !important;
  font-size: 0.8rem !important;
  text-align: left !important;
  font-family: SourceHanSansSC-regular !important;
}
.pptf-box {
  display: flex;
  flex-direction: column;
  margin: 0.2rem 0 0 0.7rem;
}

/* 第六个模块 */
.box-sixs,
.box-sevens,
.box-eights {
  width: 100%;
  background-color: #fff;
}
.box-six {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.box-six p:nth-child(1) {
  width: 48.25rem;
  height: 4.44rem;
  margin: 0;
  color: rgba(16, 16, 16, 100);
  font-size: 3rem;
  font-weight: bold;
  text-align: left;
  font-family: SourceHanSansSC-regular;
}
.box-six p:nth-child(2) {
  width: 38rem;
  height: 1.5rem;
  margin: 1rem 0 0 0;
  color: rgba(170, 170, 170, 100);
  font-size: 1rem;
  text-align: left;
  font-family: SourceHanSansSC-regular;
}
.box-six-main {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box !important;
  width: 100%;
  height: 43.25rem;
  padding: 5rem 7rem 0 7rem;
}

.six-left-top {
  width: 25.13rem;
  height: 13.5rem;
  line-height: 1.25rem;
  border-radius: 0.88rem;
  margin-bottom: 1rem;
  text-align: center;
  border: 0.06rem solid rgba(57, 191, 189, 100);
}
.six-left-top:hover {
  background-color: rgb(220, 255, 254);
}
.six-left-top p:nth-child(1) {
  width: 15.88rem;
  height: 2.56rem;
  margin: 3rem 0 0 3rem;
  color: rgba(16, 16, 16, 100);
  font-size: 1.75rem;
  text-align: left;
  font-family: SourceHanSansSC-regular;
}
.six-left-top p:nth-child(2) {
  width: 20rem;
  height: 1.5rem;
  margin: 0 0 0 3rem;
  color: rgba(170, 170, 170, 100);
  font-size: 1rem;
  text-align: left;
  font-family: SourceHanSansSC-regular;
}
.six-left-top p:nth-child(3) {
  width: 7.56rem;
  height: 1.5rem;
  margin: 2rem 0 0 3rem;
}
.six-left-p {
  width: 17.63rem !important;
}
.six-left-top p:nth-child(3) a {
  text-decoration: none;
  color: rgba(57, 191, 189, 100);
  font-size: 1rem;
  text-align: left;
  font-family: SourceHanSansSC-regular;
}
.six-right {
  width: 48.31rem;
  height: 28.25rem;
  margin-left: 3rem;
  background-color: #eee;
}
.six-right img {
  width: 100%;
}

/* 第七个模块 */
.box-sevens {
  background-color: #f1ffff;
}
.box-seven {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 6rem;
}
.bord {
  font-size: 2.25rem;
}
.box-seven p:nth-child(1) {
  /* width: 15.75rem; */
  height: 3.38rem;
  margin: 4rem 0 0 0;
  color: rgba(16, 16, 16, 100);
  /* font-size: 2.25rem; */
  font-weight: bold;
  text-align: left;
  font-family: SourceHanSansSC-regular;
}
.box-seven p:nth-child(2) {
  width: 34.31rem;
  height: 1.5rem;
  margin: 1rem 0 0 0;
  color: rgba(98, 98, 98, 100);
  font-size: 1rem;
  text-align: left;
  font-family: SourceHanSansSC-regular;
}
.box-seven ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box !important;
  margin-top: 4rem;
}
.box-seven ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  height: 26.94rem;
  line-height: 1.25rem;
  background-color: rgba(255, 255, 255, 100);
  text-align: center;
  border: 0.06rem solid #ccc;
}
.box-seven ul li:nth-child(1) {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.box-seven ul li:nth-child(4) {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.box-seven ul li p:nth-child(1) {
  height: 1.69rem;
  margin: 3rem 0 0 0;
  color: rgba(16, 16, 16, 100);
  /* font-size: 1.13rem; */
  text-align: center;
  font-family: SourceHanSansSC-regular;
}

.box-seven ul li p:nth-child(2) {
  width: 12.19rem;
  height: 4.75rem;
  margin: 1rem 0 0 0;
  color: rgba(170, 170, 170, 100);
  font-size: 0.88rem;
  text-align: left;
  font-family: SourceHanSansSC-regular;
}
.box-seven ul li img {
  width: 12.5rem;
  height: 11.5rem;
  margin: 2rem 0 0 0;
  background-color: #ccc;
}

/* 第八个模块 */
.box-eight {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 12rem;
  background-color: #fff;
}
.box-eight p:nth-child(1) {
  width: 54rem;
  height: 4.44rem;
  margin: 9rem 0 5rem 0;
  color: rgba(16, 16, 16, 100);
  font-size: 3rem;
  font-weight: bold;
  text-align: left;
  font-family: SourceHanSansSC-regular;
}

/* 轮播图 */

.carousel {
  width: 65.38rem;
  height: 40rem;
}
.carousel-inner > .item > img {
  width: 40.38rem;
  height: 40rem !important;
}
.carousel-control {
  width: 10% !important;
  color: #000 !important;
  background-color: #fff !important;
  opacity: 0.5 !important;
}

.carousel-inner > .item > img {
  margin-left: 19%;
}
.carousel-indicators .active {
  background-color: #39bfbd !important;
}
.carousel-indicators li {
  border: 1px solid #ccc !important;
}

/* 第九个模块 */
.box-nines {
  width: 100%;
  background-color: #39bfbd;
}
.box-nine {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 17.63rem;
}
.box-nine p:nth-child(1) {
  width: 45rem;
  height: 3.38rem;
  margin: 4rem 0 0 0;
  color: rgba(255, 255, 255, 100);
  font-size: 2.25rem;
  text-align: left;
  font-family: SourceHanSansSC-regular;
}
.box-nine p:nth-child(2) {
  width: 12.5rem;
  height: 3.75rem;
  margin: 3rem 0 0 0;
  line-height: 3.75rem;
  border-radius: 2rem;
  background-color: rgba(57, 191, 189, 100);
  color: rgba(255, 255, 255, 100);
  font-size: 1.13rem;
  text-align: center;
  font-family: Roboto;
  border: 0.13rem solid rgba(255, 255, 255, 100);
  cursor: pointer;
}
.box-nine p:nth-child(2):hover {
  color: rgb(204, 255, 251);
  border-color: rgb(204, 255, 251);
}
/* 第十个模块 */
.box-tens {
  width: 100%;
  background-color: #001919;
}
.box-ten {
  position: relative;
  display: flex;

  height: 31.88rem;
}
.ten-left {
  width: 16.75rem;
  height: 18.63rem;
  margin: 6rem 11rem 0 0;
}
.ten-left p:nth-child(1) {
  width: 17.75rem;
  height: 3.38rem;
  margin: 0;
  color: rgba(255, 255, 255, 100);
  font-size: 2.25rem;
  text-align: left;
  font-family: SourceHanSansSC-regular;
}
.ten-left p:nth-child(2) {
  width: 10.25rem;
  height: 1.25rem;
  margin: 1rem 0 2rem 0;
  color: rgba(170, 170, 170, 100);
  font-size: 0.88rem;
  text-align: left;
  font-family: SourceHanSansSC-regular;
}
.ten-left img {
  width: 9.25rem;
}
.gz {
  width: 9.75rem;
  height: 1.25rem;
  margin: 1rem 0 0 0;
  color: rgba(170, 170, 170, 100);
  font-size: 0.88rem;
  text-align: left;
  font-family: SourceHanSansSC-regular;
}

.ten-center {
  display: flex;
  width: 38rem;
  height: 16rem;
  margin: 6rem 0 0 0;
  /* background-color: #fff; */
}
.ten-center ul:nth-child(1) {
  width: 8.7rem;
  height: 100%;
}
.partnet {
  width: 5rem;
  height: 1.81rem;
  margin: 0 0 2rem 0;
  color: rgba(255, 255, 255, 100);
  font-size: 1.25rem;
  text-align: left;
  font-family: SourceHanSansSC-regular;
}
.ten-center ul:nth-child(1),
.ten-center ul:nth-child(2) {
  margin-right: 8rem;
}
.ten-center ul:nth-child(1) li {
  margin: 0 0 1rem 0;
}
.ten-center ul li a {
  color: #fff !important;
}
.ten-center ul:nth-child(1) li a {
  color: rgba(238, 238, 238, 100);
  font-size: 1rem;
  text-align: left;
  font-family: SourceHanSansSC-regular;
}
.ten-center ul li a:hover {
  text-decoration: underline !important;
  color: #39bfbd !important;
}
.ten-center ul:nth-child(2) p {
  width: 6.3rem;
  height: 1.81rem;
  color: rgba(255, 255, 255, 100);
  font-size: 1.25rem;
  text-align: left;
  font-family: SourceHanSansSC-regular;
}
.ten-center ul:nth-child(2) li {
  margin: 0 0 1rem 0;
}
.ten-center ul:nth-child(2) li a {
  color: rgba(238, 238, 238, 100);
  font-size: 1rem;
  text-align: left;
  font-family: SourceHanSansSC-regular;
}
.ten-center ul:nth-child(3) {
  width: 5rem;
  height: 100%;
}
.ten-center ul:nth-child(3) li {
  margin: 0 0 1rem 0;
}
.ten-center ul:nth-child(3) li a {
  color: rgba(238, 238, 238, 100);
  font-size: 1rem;
  text-align: left;
  font-family: SourceHanSansSC-regular;
}
.ten-bottoms {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: #001919;
}
.ten-bottom {
  display: flex;
  height: 1.25rem;
  padding-bottom: 1rem;
}
.ten-bottom p {
  height: 100%;
  margin: 0 1.5rem 0 0;
  color: rgba(128, 128, 128, 100);
  font-size: 0.88rem;
  text-align: left;
  font-family: SourceHanSansSC-regular;
}

/* 右下角固定窗口  */
.fix-box {
  position: fixed;
  bottom: 8rem;
  right: 2rem;
  width: 6.25rem;
  height: 13.5rem;
}
.fixbox-top,
.fixbox-bottom {
  width: 100%;
  height: 6.25rem;
  text-align: center;
  line-height: 6.25rem;
  border-radius: 0.63rem;
  background-color: rgba(57, 191, 189, 100);
  color: rgba(255, 255, 255, 100);
  font-size: 1.13rem;
  text-align: center;
  font-family: Roboto;
  /* border: 0.06rem solid rgba(255, 255, 255, 100); */
  box-shadow: 0 0 3px 1px #39bfbd;
  border: 1px solid #fff;
  box-sizing: border-box;
  cursor: pointer;
}
.fixbox-top:hover {
  color: #cefffe;
}
.fixbox-bottom:hover {
  color: #cefffe;
}
.fixbox-top {
  margin-bottom: 1rem;
}

.retop {
  position: fixed;
  bottom: 22rem;
  right: 2.5rem;
  width: 4rem;
  height: 4rem;
  z-index: 20;
}
.retop > span {
  display: block;
  width: 100%;
  height: 100%;
  color: rgb(219, 219, 219);
  font-size: 3rem;
}
.retop > span:hover {
  color: rgb(175, 175, 175);
}

/* 添加类 */

.cur {
  background-color: #fff;
  color: #000;
}
.white {
  color: #fff !important;
}
.black {
  color: #000;
}
.cur-font {
  color: #39bfbd !important;
}
.cur-fonts {
  color: #148685 !important;
  text-decoration: underline !important;
}

/* 右下角扫码关注点击弹出框 */
.attention {
  display: none;
  position: fixed;
  right: 4.4rem;
  bottom: 7.9rem;
  width: 13rem;
  height: 14rem;
  border-radius: 5px;
  background-color: #ffffff;
  box-shadow: 2px 2px 6px 2px #ccc;
}
.bagc-boxs {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin-top: 1rem;
  margin-right: 1rem;
  width: 11.5rem;
  height: 12.5rem;
  background-color: #eee;
  box-shadow: 3px 3px 6px 1px #ccc;
}
.bagc-boxs p {
  position: absolute;
  bottom: -9px;
  right: -1rem;
}
.bagc-boxs p span {
  font-size: 18px;
  color: rgb(194, 192, 192);
}
.bagc-box {
  width: 11rem;
  height: 11rem;
  background-color: #000;
}
.bagc-box img {
  width: 100%;
}
.bagc-boxs span {
  font-size: 14px;
}
